<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:icecore="http://www.icefaces.org/icefaces/core"
      xmlns:ace="http://www.icefaces.org/icefaces/components"
      xmlns:ice="http://www.icesoft.com/icefaces/component">

    <h:head>
        <title>SIVE - Estadísticas y reportes vehiculares</title>
        <ice:outputStyle href="./xmlhttp/css/rime/rime.css" />
        <ice:outputStyle href="css/style.css" />
        <ice:outputStyle href="css/bootstrap.css" rel="stylesheet" />       
        <link href="css/bootstrap-responsive.css" rel="stylesheet" ></link>

        <h:outputScript library="js" name="jquery.js" />
        <h:outputScript library="js" name="bootstrap.min.js" />
        <h:outputScript library="js" name="jquery.placeholder.min.js" />

    </h:head>
    <h:body>  

        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="http://localhost:8080/sive_v3/index.html">SIVE - Sistema de Informaci&oacute;n Vehicular</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Marchamo <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="http://localhost:8080/sive_v3/faces/crearMarchamo.xhtml">Crear marchamo</a></li>
                                    <li><a href="http://localhost:8080/sive_v3/faces/modificarMarchamo.xhtml">Modificar marchamo</a></li>
                                    <li><a href="#">Reactivar marchamo</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Estacionamiento <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="http://localhost:8080/sive_v3/faces/reservacionEvento.xhtml">Reservaci&oacute;n de evento</a></li>
                                    <li><a href="http://localhost:8080/sive_v3/faces/reservacionVisita.xhtml">Reservaci&oacute;n de visita</a></li>
                                    <li><a href="http://localhost:8080/sive_v3/faces/registroDeIncidentes.xhtml">Registro de incidentes</a></li>
                                    <li><a href="http://localhost:8080/sive_v3/faces/registroDeMedidaC.xhtml">Registro multas e infracciones</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Consultas <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="http://localhost:8080/sive_v3/faces/consultaMultiple.xhtml">Consultas m&uacute;ltiples</a></li>
                                    <li><a href="http://localhost:8080/sive_v3/faces/consultaEspecifica.xhtml">Consultas espec&iacute;ficas</a></li>
                                    <li><a href="http://localhost:8080/sive_v3/faces/consultaIngresoVehiculo.xhtml">Consulta de Ingreso de Vehículos</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Historial <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="http://localhost:8080/sive_v3/faces/estadisticasVehiculares.xhtml">Estad&iacute;sticas y reportes</a></li>
                                    <li><a href="http://localhost:8080/sive_v3/faces/revisionVehiculo.xhtml">Revisi&oacute;n de veh&iacute;culo</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Ayuda<b class="caret"></b></a>
                                <ul class="dropdown-menu">

                                </ul>
                            </li>
                        </ul>
                        <p class="navbar-text pull-right">
                            Identificado como: <a href="#" class="navbar-link">admin</a>
                        </p>
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>



        <img src="img/appbar.base.arrow.png" alt="ir atras" class="nav-back" onclick="history.go(-1)" />
        <h3 class="header-bg" style="text-align: center">Sistema de Información Vehicular | Estadísticas y reportes vehiculares</h3>


        <div styleClass="contRevVehiculo">
            <ace:tabSet id="sampleTabSet" clientSide="true">
                <ace:tabPane id="criteriosBusqueda" label="Criterios de búsqueda">
                    <h:form >

                        <h:panelGroup styleClass="grupo1">

                            <!--          <h:panelGrid>-->


                            <h:panelGrid>   
                                <ace:dateTimeEntry id="fecha"
                                                   value="#{dateLabel.selectedDate}"
                                                   timeZone="Costa Rica/San Jose"
                                                   pattern="dd/MMM/yyyy"
                                                   renderAsPopup="true"
                                                   label="Fecha de inicio"
                                                   labelPosition="left"/>

                                <ace:dateTimeEntry id="fecha2"
                                                   value="#{dateLabel.selectedDate}"
                                                   timeZone="Canada/Mountain"
                                                   pattern="dd/MMM/yyyy"
                                                   renderAsPopup="true"
                                                   label="Fecha final"
                                                   labelPosition="left"/>


                                <!--<h:panelGrid id="inputGrid" columns="1" width="100%" styleClass="textEntryInputTable">-->

                                <!--                    <h:graphicImage class="ico-label" value="img/ico/user.png" alt="nombre"/>-->
                                <ace:textEntry id="licensePlateInput" value="423809" label="Placa" labelPosition="left" required="false" requiredIndicator="(*)" indicatorPosition="right">
                                    <!--<ace:ajax render="@this firstNameOutput firstNameMsg"/>-->
                                </ace:textEntry>

                                <!-- Toggle DIV via ajax call -->

                                <!--                    <div class="hiddenDiv">-->

                                <ice:selectOneMenu id="color">
                                    <label for="color" class="combo-lb3">Color: </label>
                                    <f:selectItem id="item11" itemLabel="Rojo" itemValue="1" />
                                    <f:selectItem id="item12" itemLabel="Negro" itemValue="2" />
                                    <f:selectItem id="item13" itemLabel="Verde" itemValue="3" />
                                    <f:selectItem id="item14" itemLabel="Azul" itemValue="4" />
                                    <f:selectItem id="item15" itemLabel="Blanco" itemValue="5" />
                                </ice:selectOneMenu>

                                <ice:selectOneMenu id="brand">
                                    <label for="brand" class="combo-lb1">Marca: </label>
                                    <f:selectItem id="item1" itemLabel="Audi" itemValue="1" />
                                    <f:selectItem id="item2" itemLabel="BMW" itemValue="2" />
                                    <f:selectItem id="item3" itemLabel="Mercedes Benz" itemValue="3" />
                                    <f:selectItem id="item4" itemLabel="Honda" itemValue="4" />
                                    <f:selectItem id="item5" itemLabel="Toyota" itemValue="5" />
                                </ice:selectOneMenu>

                                <ace:textEntry id="rangoPlaca1" value="0100" label="Desde Marchamo" labelPosition="left" required="false" requiredIndicator="(*)" indicatorPosition="right">
                                    <ace:ajax render="@this firstNameOutput firstNameMsg"/>
                                </ace:textEntry>

                                <ace:textEntry id="rangoPlaca2" value="0900" label="Hasta Marchamo" labelPosition="left" required="false" requiredIndicator="(*)" indicatorPosition="right">
                                    <ace:ajax render="@this firstNameOutput firstNameMsg"/>
                                </ace:textEntry>  

                            </h:panelGrid>      
                        </h:panelGroup>


                        <ace:tooltip id="tooltipPlaca2"
                                     for="licensePlateInput"
                                     speechBubble="true"
                                     showEffect="slide"
                                     hideEffect="grow"
                                     showDelay="500"
                                     hideDelay="300"
                                     position="bottomLeft"
                                     targetPosition="topRight"
                                     showEffectLength="300"
                                     hideEffectLength="300">
                            <h:panelGrid styleClass="tooltipBoxStyle"> 
                                <h:outputText id="desc5" value="Sin guiones ni espacios. Ejemplo: BXH432 ó 540321"/>
                            </h:panelGrid>   
                        </ace:tooltip>

                        <ace:tooltip id="tooltipRangoPlaca1"
                                     for="rangoPlaca1"
                                     speechBubble="true"
                                     showEffect="slide"
                                     hideEffect="grow"
                                     showDelay="500"
                                     hideDelay="300"
                                     position="bottomLeft"
                                     targetPosition="topRight"
                                     showEffectLength="300"
                                     hideEffectLength="300">
                            <h:panelGrid styleClass="tooltipBoxStyle"> 
                                <h:outputText id="desc2" value="Rango inicial para revision de marchamos"/>
                            </h:panelGrid>   
                        </ace:tooltip>

                        <ace:tooltip id="tooltipRangoPlaca2"
                                     for="rangoPlaca2"
                                     speechBubble="true"
                                     showEffect="slide"
                                     hideEffect="grow"
                                     showDelay="500"
                                     hideDelay="300"
                                     position="bottomLeft"
                                     targetPosition="topRight"
                                     showEffectLength="300"
                                     hideEffectLength="300">
                            <h:panelGrid styleClass="tooltipBoxStyle"> 
                                <h:outputText id="desc3" value="Rango final para revision de marchamos"/>
                            </h:panelGrid>   
                        </ace:tooltip>              

                        <h:panelGroup styleClass="grupo2">

                            <h:panelGroup>
                                <span class="hora-lb">Hora de inicio:</span>
                                <ice:selectOneMenu id="horas1">
                                    <label for="hora1" class="combo-lb4">Hora: </label>
                                    <f:selectItem id="hr01" itemLabel="01" itemValue="1" />
                                    <f:selectItem id="hr02" itemLabel="02" itemValue="2" />
                                    <f:selectItem id="hr03" itemLabel="03" itemValue="3" />
                                    <f:selectItem id="hr04" itemLabel="04" itemValue="4" />
                                    <f:selectItem id="hr05" itemLabel="05" itemValue="5" />
                                    <f:selectItem id="hr06" itemLabel="06" itemValue="6" />
                                    <f:selectItem id="hr07" itemLabel="07" itemValue="7" />
                                    <f:selectItem id="hr08" itemLabel="08" itemValue="8" />
                                    <f:selectItem id="hr09" itemLabel="09" itemValue="9" />
                                    <f:selectItem id="hr10" itemLabel="10" itemValue="10" />
                                    <f:selectItem id="hr11" itemLabel="11" itemValue="11" />
                                    <f:selectItem id="hr12" itemLabel="12" itemValue="12" />
                                </ice:selectOneMenu>

                                <ice:selectOneMenu id="minutos1">
                                    <label for="minuto1" class="combo-lb4">Minutos: </label>

                                    <f:selectItem id="min00" itemLabel="00" itemValue="0" />
                                    <f:selectItem id="min01" itemLabel="01" itemValue="1" />
                                    <f:selectItem id="min02" itemLabel="02" itemValue="2" />
                                    <f:selectItem id="min03" itemLabel="03" itemValue="3" />
                                    <f:selectItem id="min04" itemLabel="04" itemValue="4" />
                                    <f:selectItem id="min05" itemLabel="05" itemValue="5" />
                                    <f:selectItem id="min06" itemLabel="06" itemValue="6" />
                                    <f:selectItem id="min07" itemLabel="07" itemValue="7" />
                                    <f:selectItem id="min08" itemLabel="08" itemValue="8" />
                                    <f:selectItem id="min09" itemLabel="09" itemValue="9" />
                                    <f:selectItem id="min10" itemLabel="10" itemValue="10" />
                                    <f:selectItem id="min11" itemLabel="11" itemValue="11" />
                                    <f:selectItem id="min12" itemLabel="12" itemValue="12" />
                                    <f:selectItem id="min13" itemLabel="13" itemValue="13" />
                                    <f:selectItem id="min14" itemLabel="14" itemValue="14" />
                                    <f:selectItem id="min15" itemLabel="15" itemValue="15" />
                                    <f:selectItem id="min16" itemLabel="16" itemValue="16" />
                                    <f:selectItem id="min17" itemLabel="12" itemValue="17" />
                                    <f:selectItem id="min18" itemLabel="12" itemValue="18" />
                                    <f:selectItem id="min19" itemLabel="12" itemValue="19" />
                                    <f:selectItem id="min20" itemLabel="20" itemValue="20" />
                                    <f:selectItem id="min21" itemLabel="21" itemValue="21" />
                                    <f:selectItem id="min22" itemLabel="22" itemValue="22" />
                                    <f:selectItem id="min23" itemLabel="23" itemValue="23" />
                                    <f:selectItem id="min24" itemLabel="24" itemValue="24" />
                                    <f:selectItem id="min25" itemLabel="25" itemValue="25" />
                                    <f:selectItem id="min26" itemLabel="26" itemValue="26" />
                                    <f:selectItem id="min27" itemLabel="27" itemValue="27" />
                                    <f:selectItem id="min28" itemLabel="28" itemValue="28" />
                                    <f:selectItem id="min29" itemLabel="29" itemValue="29" />
                                    <f:selectItem id="min30" itemLabel="30" itemValue="30" />
                                    <f:selectItem id="min31" itemLabel="31" itemValue="31" />
                                    <f:selectItem id="min32" itemLabel="32" itemValue="32" />
                                    <f:selectItem id="min33" itemLabel="33" itemValue="33" />
                                    <f:selectItem id="min34" itemLabel="34" itemValue="34" />
                                    <f:selectItem id="min35" itemLabel="35" itemValue="35" />
                                    <f:selectItem id="min36" itemLabel="36" itemValue="36" />
                                    <f:selectItem id="min37" itemLabel="37" itemValue="37" />
                                    <f:selectItem id="min38" itemLabel="38" itemValue="38" />
                                    <f:selectItem id="min39" itemLabel="39" itemValue="39" />
                                    <f:selectItem id="min40" itemLabel="40" itemValue="40" />
                                    <f:selectItem id="min41" itemLabel="41" itemValue="41" />
                                    <f:selectItem id="min42" itemLabel="42" itemValue="42" />
                                    <f:selectItem id="min43" itemLabel="43" itemValue="43" />
                                    <f:selectItem id="min44" itemLabel="44" itemValue="44" />
                                    <f:selectItem id="min45" itemLabel="45" itemValue="45" />
                                    <f:selectItem id="min46" itemLabel="46" itemValue="46" />
                                    <f:selectItem id="min47" itemLabel="47" itemValue="47" />
                                    <f:selectItem id="min48" itemLabel="48" itemValue="48" />
                                    <f:selectItem id="min49" itemLabel="49" itemValue="49" />
                                    <f:selectItem id="min50" itemLabel="50" itemValue="50" />
                                    <f:selectItem id="min51" itemLabel="51" itemValue="51" />
                                    <f:selectItem id="min52" itemLabel="52" itemValue="52" />
                                    <f:selectItem id="min53" itemLabel="53" itemValue="53" />
                                    <f:selectItem id="min54" itemLabel="54" itemValue="54" />
                                    <f:selectItem id="min55" itemLabel="55" itemValue="55" />
                                    <f:selectItem id="min56" itemLabel="56" itemValue="56" />
                                    <f:selectItem id="min57" itemLabel="57" itemValue="57" />
                                    <f:selectItem id="min58" itemLabel="58" itemValue="58" />
                                    <f:selectItem id="min59" itemLabel="59" itemValue="59" />

                                </ice:selectOneMenu>

                                <ice:selectOneMenu id="horario1">

                                    <label for="horar1" class="combo-lb4"> </label>
                                    <f:selectItem id="am01" itemLabel="a.m." itemValue="1" />
                                    <f:selectItem id="pm01" itemLabel="p.m." itemValue="2" />

                                </ice:selectOneMenu>



                            </h:panelGroup>

                            <div class="separator"></div>
                            <h:panelGroup>

                                <span class="hora-lb">Hora Final:</span>

                                <ice:selectOneMenu id="horas2">
                                    <label for="hora2" class="combo-lb4">Hora: </label>
                                    <f:selectItem id="hr13" itemLabel="01" itemValue="1" />
                                    <f:selectItem id="hr14" itemLabel="02" itemValue="2" />
                                    <f:selectItem id="hr15" itemLabel="03" itemValue="3" />
                                    <f:selectItem id="hr16" itemLabel="04" itemValue="4" />
                                    <f:selectItem id="hr17" itemLabel="05" itemValue="5" />
                                    <f:selectItem id="hr18" itemLabel="06" itemValue="6" />
                                    <f:selectItem id="hr19" itemLabel="07" itemValue="7" />
                                    <f:selectItem id="hr20" itemLabel="08" itemValue="8" />
                                    <f:selectItem id="hr21" itemLabel="09" itemValue="9" />
                                    <f:selectItem id="hr22" itemLabel="10" itemValue="10" />
                                    <f:selectItem id="hr23" itemLabel="11" itemValue="11" />
                                    <f:selectItem id="hr24" itemLabel="12" itemValue="12" />
                                </ice:selectOneMenu>


                                <ice:selectOneMenu id="minutos2">
                                    <label for="minuto1" class="combo-lb4">Minutos: </label>
                                    <f:selectItem id="min60" itemLabel="00" itemValue="0" />
                                    <f:selectItem id="min61" itemLabel="01" itemValue="1" />
                                    <f:selectItem id="min62" itemLabel="02" itemValue="2" />
                                    <f:selectItem id="min63" itemLabel="03" itemValue="3" />
                                    <f:selectItem id="min64" itemLabel="04" itemValue="4" />
                                    <f:selectItem id="min65" itemLabel="05" itemValue="5" />
                                    <f:selectItem id="min66" itemLabel="06" itemValue="6" />
                                    <f:selectItem id="min67" itemLabel="07" itemValue="7" />
                                    <f:selectItem id="min68" itemLabel="08" itemValue="8" />
                                    <f:selectItem id="min69" itemLabel="09" itemValue="9" />
                                    <f:selectItem id="min70" itemLabel="10" itemValue="10" />
                                    <f:selectItem id="min71" itemLabel="11" itemValue="11" />
                                    <f:selectItem id="min72" itemLabel="12" itemValue="12" />
                                    <f:selectItem id="min73" itemLabel="13" itemValue="13" />
                                    <f:selectItem id="min74" itemLabel="14" itemValue="14" />
                                    <f:selectItem id="min75" itemLabel="15" itemValue="15" />
                                    <f:selectItem id="min76" itemLabel="16" itemValue="16" />
                                    <f:selectItem id="min77" itemLabel="12" itemValue="17" />
                                    <f:selectItem id="min78" itemLabel="12" itemValue="18" />
                                    <f:selectItem id="min79" itemLabel="12" itemValue="19" />
                                    <f:selectItem id="min80" itemLabel="20" itemValue="20" />
                                    <f:selectItem id="min81" itemLabel="21" itemValue="21" />
                                    <f:selectItem id="min82" itemLabel="22" itemValue="22" />
                                    <f:selectItem id="min83" itemLabel="23" itemValue="23" />
                                    <f:selectItem id="min84" itemLabel="24" itemValue="24" />
                                    <f:selectItem id="min85" itemLabel="25" itemValue="25" />
                                    <f:selectItem id="min86" itemLabel="26" itemValue="26" />
                                    <f:selectItem id="min87" itemLabel="27" itemValue="27" />
                                    <f:selectItem id="min88" itemLabel="28" itemValue="28" />
                                    <f:selectItem id="min89" itemLabel="29" itemValue="29" />
                                    <f:selectItem id="min90" itemLabel="30" itemValue="30" />
                                    <f:selectItem id="min91" itemLabel="31" itemValue="31" />
                                    <f:selectItem id="min92" itemLabel="32" itemValue="32" />
                                    <f:selectItem id="min93" itemLabel="33" itemValue="33" />
                                    <f:selectItem id="min94" itemLabel="34" itemValue="34" />
                                    <f:selectItem id="min95" itemLabel="35" itemValue="35" />
                                    <f:selectItem id="min96" itemLabel="36" itemValue="36" />
                                    <f:selectItem id="min97" itemLabel="37" itemValue="37" />
                                    <f:selectItem id="min98" itemLabel="38" itemValue="38" />
                                    <f:selectItem id="min99" itemLabel="39" itemValue="39" />
                                    <f:selectItem id="min100" itemLabel="40" itemValue="40" />
                                    <f:selectItem id="min101" itemLabel="41" itemValue="41" />
                                    <f:selectItem id="min102" itemLabel="42" itemValue="42" />
                                    <f:selectItem id="min103" itemLabel="43" itemValue="43" />
                                    <f:selectItem id="min104" itemLabel="44" itemValue="44" />
                                    <f:selectItem id="min105" itemLabel="45" itemValue="45" />
                                    <f:selectItem id="min106" itemLabel="46" itemValue="46" />
                                    <f:selectItem id="min107" itemLabel="47" itemValue="47" />
                                    <f:selectItem id="min108" itemLabel="48" itemValue="48" />
                                    <f:selectItem id="min109" itemLabel="49" itemValue="49" />
                                    <f:selectItem id="min110" itemLabel="50" itemValue="50" />
                                    <f:selectItem id="min111" itemLabel="51" itemValue="51" />
                                    <f:selectItem id="min112" itemLabel="52" itemValue="52" />
                                    <f:selectItem id="min113" itemLabel="53" itemValue="53" />
                                    <f:selectItem id="min114" itemLabel="54" itemValue="54" />
                                    <f:selectItem id="min115" itemLabel="55" itemValue="55" />
                                    <f:selectItem id="min116" itemLabel="56" itemValue="56" />
                                    <f:selectItem id="min117" itemLabel="57" itemValue="57" />
                                    <f:selectItem id="min118" itemLabel="58" itemValue="58" />
                                    <f:selectItem id="min119" itemLabel="59" itemValue="59" />

                                </ice:selectOneMenu>

                                <ice:selectOneMenu id="horario2">

                                    <label for="horar1" class="combo-lb4"> </label>
                                    <f:selectItem id="am02" itemLabel="a.m." itemValue="1" />
                                    <f:selectItem id="pm02" itemLabel="p.m." itemValue="2" />

                                </ice:selectOneMenu>

                            </h:panelGroup>

                            <!--Horas-->



                            <!--Checkbox -->


                            <h:panelGroup>



                                <h:panelGrid styleClass="centeredPanelGridWithBorderSpacing">

                                    <h:panelGroup>

                                        <div class="opc">
                                            <h:outputText value="Estudiante "/>
                                            <h:outputText id="valueDescription1" value="#{checkboxButton.boxValueDescription}"/>
                                            <ace:checkboxButton id="estuCheck" value="#{checkboxButton.selected}"></ace:checkboxButton>
                                        </div>

                                        <div class="opc">
                                            <h:outputText value="Académico "/>
                                            <h:outputText id="valueDescription2" value="#{checkboxButton.boxValueDescription}"/>
                                            <ace:checkboxButton id="acaCheck" value="Carlos"></ace:checkboxButton>
                                        </div>

                                        <div class="opc">
                                            <h:outputText value="Administrativo"/>
                                            <h:outputText id="valueDescription3" value="#{checkboxButton.boxValueDescription}"/>
                                            <ace:checkboxButton id="admCheck" value="#{checkboxButton.selected}"></ace:checkboxButton>
                                        </div>

                                        <!--            <h:panelGrid styleClass="centeredPanelGridWithBorderSpacing">-->
                                        <div class="opc">
                                            <h:outputText value="Especial "/>
                                            <h:outputText id="valueDescription4" value="#{checkboxButton.boxValueDescription}"/>
                                            <ace:checkboxButton id="espCheck" value="#{checkboxButton.selected}"></ace:checkboxButton>
                                        </div>

                                    </h:panelGroup>
                                </h:panelGrid>
                            </h:panelGroup>

                            <!--Parqueos -->

                            <h:panelGroup>



                                <h:panelGrid styleClass="centeredPanelGridWithBorderSpacing">

                                    <h:panelGroup>

                                        <div class="opc">
                                            <h:outputText value="Biologia "/>
                                            <h:outputText id="valueDescription5" value="#{checkboxButton.boxValueDescription}"/>
                                            <ace:checkboxButton id="bioCheck" value="#{checkboxButton.selected}"></ace:checkboxButton>
                                        </div>

                                        <div class="opc">
                                            <h:outputText value="CIDE"/>
                                            <h:outputText id="valueDescription6" value="#{checkboxButton.boxValueDescription}"/>
                                            <ace:checkboxButton id="cideCheck" value="Carlos"></ace:checkboxButton>
                                        </div>

                                        <div class="opc">
                                            <h:outputText value="Filosofia"/>
                                            <h:outputText id="valueDescription7" value="#{checkboxButton.boxValueDescription}"/>
                                            <ace:checkboxButton id="filoCheck" value="#{checkboxButton.selected}"></ace:checkboxButton>
                                        </div>

                                        <!--            <h:panelGrid styleClass="centeredPanelGridWithBorderSpacing">-->
                                        <div class="opc">
                                            <h:outputText value="Uriche"/>
                                            <h:outputText id="valueDescription8" value="#{checkboxButton.boxValueDescription}"/>
                                            <ace:checkboxButton id="uriCheck" value="#{checkboxButton.selected}"></ace:checkboxButton>
                                        </div>

                                    </h:panelGroup>
                                </h:panelGrid>
                            </h:panelGroup>


                            <div class="separator"></div>
                            <ace:pushButton id="envioConsulta2" label="Consultar" ></ace:pushButton>
                            <!--            </h:panelGrid>-->

                        </h:panelGroup>

                        <!--Checkbox -->

                        <!--</ace:tabPane>-->



                        <!--                </div> -->


                        <!-- END Toggle DIV via ajax call -->
                        <!--                </h:panelGrid>-->


                        <!--                   subpanel-->





                        <!--                </h:panelGrid>-->


                        <!-- Panel contenedor -->

                        <!--         <ace:tabPane id="resultado" label="Resultados de Búsqueda">-->

                        <div class="separator"></div>


                        <!-- Panel contenedor -->

                    </h:form>

                </ace:tabPane>
                <!--          </ace:tabSet>-->

                <!-- Panel contenedor -->

                <ace:tabPane id="resultadosBusqueda" label="Resultados de Búsqueda">

                    <center>
                        <p>Un total de 10 vehículos fueron encontrados, a continuación el detalle:</p>
                        <!--                 <h:graphicImage value="img/tabla1.gif"/>-->
                        <ice:dataTable
                            value="#{estadisticas.estadistica1}"
                            var="item"
                            width="100%">

                            <!-- Fecha -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Fecha"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="#{item.fecha}"/>
                            </ice:column>

                            <!-- Hora Entrada -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Entrada"/>
                                </f:facet>
                                <ice:outputText style="text-align: center;" value="#{item.entrada}"/>
                            </ice:column>


                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Salida"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="#{item.salida}"/>
                            </ice:column>

                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Placa"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="#{item.placa}"/>
                            </ice:column>

                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Color"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="#{item.color}"/>
                            </ice:column>

                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Marca"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="#{item.marca}"/>
                            </ice:column>

                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Marchamo"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="#{item.marchamo}"/>
                            </ice:column>

                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Usuario"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="#{item.tipo_usuario}"/>
                            </ice:column>

                            <ice:column>                                    
                                <f:facet name="header">
                                    <ice:outputText value="Parqueo"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="#{item.parqueo}"/>
                            </ice:column>
                        </ice:dataTable>
                    </center>

                </ace:tabPane>
            </ace:tabSet>
        </div>

        <div class="container centered">

            <footer class="footer">
                <span>Desarrollado por: Grupo de trabajo SIVE- </span>

            </footer>
        </div>


    </h:body>
</html>

